<template>
    <div class="address">
        <titleBar title="选择联系方式及地点" />  
            <van-list
                :loading="loading"
                :finished="finished"
                finished-text="没有更多了"
                @load="onLoad"
                class="list-box"
            >
                <van-pull-refresh v-model="isLoading" @refresh="onRefresh"> 
                        <div class="pay-address" v-for="(item, index) in addresss" :key="index">
                            <div class="select flex flex-space-x flex-center-y">
                                <div class="pay-info" v-on:click="selectItem(item)">
                                    <div class="flex info-one">
                                        <p class="real-name">{{item.name}}</p>
                                        <p class="real-phone">{{item.phone}}</p>
                                    </div>
                                    <!-- <i class="iconfont i-address icon-dizhi"></i> -->
                                    <p class="address-text">{{item.address}}</p>
                                </div>
                                <i class="iconfont i-go icon-iconfonticonfonti2copycopy" v-on:click="onedit(item)"></i>
                            </div>
                        </div>
                </van-pull-refresh>
            </van-list>
        <div class="button-box">
            <div class="button" v-on:click="add()">添加新联系方式及地点</div>
        </div>
    </div>
</template>
<script>
import main from '.'
export default main
</script>

<style lang="scss" scoped>
@import './style.scss';
</style>
